<template>
  <div class="container"></div>
</template>
<script lang="ts" setup>
import { reactive } from "vue";

import jsonIndexView from "../views/json/jsonIndexView.vue";
import eleIndexView from "../views/ele/eleIndexView.vue";
import echartsIndexView from "../views/echarts/echartsIndexView.vue";
import otherIndexView from "../views/other/otherIndexView.vue";

const list = reactive([
  {
    path: "/",
    title: "json数据创建",
    name: "jsonIndexView",
    id: "1",
    icon: "location",
    component: jsonIndexView,
    redirect: "/jsonIndexView/jsonGetView",
    children: [
      // {
      //   path: '/',
      //   name: 'jsonIndexView',
      //   component: jsonIndexView
      // },
      {
        path: "/jsonIndexView/jsonGetView",
        name: "jsonGetView",
        component: () => import("../views/json/jsonGetView.vue"),
      },
      {
        path: "/jsonIndexView/jsonPostView",
        name: "jsonPostView",
        component: () => import("../views/json/jsonPostView.vue"),
      },
    ],
  },
  {
    path: "/eleIndexView",
    title: "eleIndexView",
    name: "eleIndexView",
    id: "2",
    icon: "icon-menu",
    component: eleIndexView,
    children: [
      {
        path: "/eleIndexView",
        name: "eleIndexView",
        component: eleIndexView,
      },
      {
        path: "/eleHomeView",
        name: "eleHomeView",
        component: () => import("../views/ele/eleHomeView.vue"),
      },
    ],
  },
  {
    path: "/echartsIndexView",
    title: "echartsIndexView",
    name: "echartsIndexView",
    id: "3",
    icon: "document",
    component: echartsIndexView,
    children: [
      {
        path: "/echartsIndexView",
        name: "echartsIndexView",
        component: echartsIndexView,
      },
      {
        path: "/echartsHoneView",
        name: "echartsHoneView",
        component: () => import("../views/echarts/echartsHoneView.vue"),
      },
    ],
  },

  {
    path: "/otherIndexView",
    title: "otherIndexView",
    name: "otherIndexView",
    id: "4",
    icon: "setting",
    component: otherIndexView,
    children: [
      {
        path: "/otherIndexView",
        name: "otherIndexView",
        component: otherIndexView,
      },
      {
        path: "/otherHomeView",
        name: "otherHomeView",
        component: () => import("../views/other/otherHomeView.vue"),
      },
    ],
  },
]);
</script>
<style scoped lang="scss">
</style>